<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="/WEB-INF/views/webPart/head.jsp"></jsp:include>

<title>金熊猫生成器 - 呵Sever</title>
<script type="text/javascript">
	function submit() {
		var f = document.getElementById("f").value;
		var s = document.getElementById("s").value;
		var font1 = document.getElementById("font1").value;
		var font2 = document.getElementById("font2").value;
		var size1 = document.getElementById("size1").value;
		var size2 = document.getElementById("size2").value;
		var fp = document.getElementById("fp");
		var sp = document.getElementById("sp");
		if ("" == size1) {
			size1 = 20;
		}
		if ("" == size2) {
			size2 = 20;
		}
		if (isNaN(size1)) {
			alert("你妹！写数字啊！");
			document.getElementById("size1").value = 20;
			size1 = 20;
			return;
		}
		if (isNaN(size2)) {
			alert("你妹！写数字啊！");
			document.getElementById("size2").value = 20;
			size2 = 20;
			return;
		}
		if (size1<1||size1>50) {
			alert("我劝你最好填1~50px");
			document.getElementById("size1").value = 50;
			size1 = 50;
			return;
		}
		if (size2<1||size2>50) {
			alert("我劝你最好填1~50px");
			document.getElementById("size2").value = 50;
			size2 = 50;
			return;
		}

		fp.innerHTML = f;
		sp.innerHTML = s;
		fp.style.fontFamily = font1;
		fp.style.fontSize = size1 + "px";
		sp.style.fontFamily = font2;
		sp.style.fontSize = size2 + "px";
	}
	function demo(line1, line2) {
		var f = document.getElementById("f");
		var s = document.getElementById("s");
		f.value = line1;
		s.value = line2;
		submit();
	}
</script>
<style>
.display {
	margin-left: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
}
.form-group{
	display: inline-block;
	width:250px;
}
.size{
	width:250px;
}
.line{
	width:100%;
}
</style>
</head>
<body>
	<jsp:include page="/WEB-INF/views/webPart/top.jsp"></jsp:include>
	<jsp:include page="/WEB-INF/views/webPart/left.jsp"></jsp:include>
	<div class="mycol col-md-9 col-xs-11">
		<div class="main">
			<jsp:include page="/WEB-INF/views/pub/tools/webpart/breadcrumb.jsp">
				<jsp:param value="金熊猫生成器" name="breadcrumbName"/>
			</jsp:include>
			<div class="mainItem">
				温馨提示：填完之后请自行截图<br> <br>
				
				<div class="form-group">	
					<div class="input-group">
					<span class="input-group-addon">第一行字体</span>
					 <select id="font1" class="form-control" onchange="submit()">
						<option value="微软雅黑" selected>微软雅黑</option>
						<option value="黑体">黑体</option>
						<option value="宋体">宋体</option>
					</select>
					</div>
				</div>
				
				<div class="form-group size">
					<div class="input-group">
						<span class="input-group-addon">第一行字体大小</span>
						<input class="form-control"  id="size1" onkeyup="submit()" value="20" >
						<span class="input-group-addon">px</span>
					</div>
				</div>
				<br>
				<div class="form-group">	
					<div class="input-group">
					<span class="input-group-addon">第二行字体</span>
					 <select id="font2" class="form-control" onchange="submit()">
						<option value="微软雅黑" selected>微软雅黑</option>
						<option value="黑体">黑体</option>
						<option value="宋体">宋体</option>
					</select>
					</div>
				</div>
				
				<div class="form-group size">
					<div class="input-group">
						<span class="input-group-addon">第二行字体大小</span>
						<input class="form-control"  id="size2" onkeyup="submit()" value="20" >
						<span class="input-group-addon">px</span>
					</div>
				</div>
				
				<div class="form-group line">
					<div class="input-group">
						<span class="input-group-addon">第一行</span>
						<input class="form-control"  id="f" onkeyup="submit()" value="First Line" >
					</div>
				</div>
				
				<div class="form-group line">
					<div class="input-group">
						<span class="input-group-addon">第二行</span>
						<input class="form-control"  id="s" onkeyup="submit()" value="第二行" >
					</div>
				</div>
				<br>
				<table class="display">
					<tr>
						<td><img src="${resourcePath }/img/pandaKing/pandaKing2.jpg" /></td>
					</tr>
					<tr>
						<td><div id="fp" style="color: #000;">First Line</div></td>
					</tr>
					<tr>
						<td><div id="sp" style="color: #000;">第二行</div></td>
					</tr>
				</table>
				<br>
				<div>
					demo：
					<button class="btn btn-default" onclick="demo('Why are you so diao','你为什么这么屌')">你为什么这么屌</button>
					<button class="btn btn-default" onclick="demo('Grass','次奥')">次奥</button>
					<button class="btn btn-default" onclick="demo('TMD','挺萌的')">挺萌的</button>
					<button class="btn btn-default" onclick="demo('Fxck U','法克鱿')">法克鱿</button>
					<button class="btn btn-default" onclick="demo('JJ FLY','屌飞了')">屌飞了</button>
					<button class="btn btn-default" onclick="demo('JJ BOOM','屌爆了')">屌爆了</button>
					<button class="btn btn-default" onclick="demo('starFucks','丢那★')">丢那★</button>
					<button class="btn btn-default" onclick="demo('Fire in the hole','丢雷')">丢雷</button>
					<button class="btn btn-default" onclick="demo('Fire some buildings','丢雷楼某')">丢雷楼某</button>
					<button class="btn btn-default" onclick="demo('No law to see','无法直视')">无法直视</button>
					<button class="btn btn-default" onclick="demo('Bean daddy','逗爸爸')">逗爸爸</button>
					<button class="btn btn-default" onclick="demo('You\'re too weak','你太弱了')">你太弱了</button>
					<button class="btn btn-default" onclick="demo('ni ma bi','呵呵')">呵呵</button>
				</div>
				<br> <br> 版本更新日志:<br> 
				<b>3.4(201501061047) 使用bootstrap样式</b>
				<br>
				3.3(201407020915) 新增demo模板<br>
				3.2(201405062040) 修复字体大小输入bug<br>
				3.1(201405062030) 修复编码兼容性问题<br>
				3.0(201405061941) 可以修改字体大小，修改单行字体<br>
				2.0(201405061910) 取消生成按钮，可以修改三种字体<br>
				1.0(201405061900) 第一版<br>
			</div>
		</div>
	</div>
	<jsp:include page="/WEB-INF/views/webPart/right.jsp"></jsp:include>
	<jsp:include page="/WEB-INF/views/webPart/footer.jsp"></jsp:include>
</body>
</html>